<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
  <title>BBEditor - Demo page</title>
  <style>
    body {
      font: 0.8em sans-serif;
    }
    h1 {
      font-size: 160%;
      color: chocolate;
    }
    label {
      display: block;
      font-weight: bold;
    }
    fieldset {
      padding-bottom: 0.5em;
      border: 0;
    }
    #content {
      margin: 0 10%;
    }
  </style>
  <link href="bbeditor.css" rel="stylesheet" type="text/css" />
  <script src="bbeditor.js" type="text/javascript"></script>
</head>
<body>
  <div id="content">
    <h1>BBEditor - Demo page</h1>
    <p>This is the demonstration page for BBEditor. Please see the <a href="http://blog.planzero.org/2008/12/bbeditor-the-free-bbcode-editor/">Plan Zero blog</a> for full information and documentation.</p>
    <form action="" method="post">
      <fieldset>
        <p>
          <label for="content">Textarea content</label>
          <textarea id="content_1" name="content" cols="80" rows="15" class="bbeditor" style="width: 99%">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales. Donec nec elit ut lectus aliquet tempus. Sed egestas tellus eu dolor feugiat placerat. Donec dui ipsum, lobortis ac, luctus nec, porta quis, augue. Nunc massa purus, iaculis at, tristique vel, ornare sed, sem. Vestibulum faucibus tincidunt lorem. Cras placerat euismod dolor. Curabitur dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed auctor tempor odio. Praesent blandit. Cras vel dui ac purus tincidunt porttitor.

Vivamus sagittis iaculis est. Morbi nec diam et urna pellentesque auctor. Curabitur vestibulum libero vitae libero. Nulla tellus nunc, tincidunt a, ornare non, pellentesque eget, urna. Sed ornare nisl ut pede ullamcorper lacinia. Etiam ipsum. Fusce quis lorem ac massa dictum aliquam. Phasellus pede risus, iaculis at, ultrices nec, venenatis ac, sapien. Aliquam elementum nulla sit amet mi. Nulla ac lectus. Vestibulum venenatis, quam id volutpat facilisis, risus metus ultrices massa, vel blandit risus nisl eget lacus. Phasellus nec orci. Aenean sem. In malesuada, magna et iaculis aliquam, lorem pede dictum sem, quis semper risus velit non orci. Donec ac ante. Vivamus hendrerit dapibus turpis. Morbi id augue.</textarea>
        </p>
      </fieldset>
      <fieldset style="text-align: right">
        <p><input type="submit" /></p>
      </fieldset>
    </form>
  </div>
</body>
</html>
